$('.login6').addEventListener('click', function() {
    $('.span2').classList.remove('blk1')
    $('.span2').classList.add('blk')
    $('.span3').classList.remove('blk')
    $('.span3').classList.add('blk1')

    $('.code').classList.add('blk1')
    $('.login7').classList.remove('blk1')



})
$('.login11').addEventListener('click', function() {
        // console.log(1);
        $('.span3').classList.remove('blk1')
        $('.span3').classList.add('blk')
        $('.span2').classList.remove('blk')
        $('.span2').classList.add('blk1')

        $('.code').classList.remove('blk1')
        $('.login7').classList.add('blk1')
    })
    //输入框长度大于0的时候 显示X 否则隐藏
$('.login8 .inpu').addEventListener('input', function() {

    if (this.value.length > 0) {
        $('.span4').classList.add('blk')
        $('.span4').classList.remove('blk1')
    } else {
        $('.span4').classList.add('blk1')
    };
})
$('.login9 .inpu').addEventListener('input', function() {

        if (this.value.length > 0) {
            $('.span10').classList.add('blk')
            $('.span10').classList.remove('blk1')
        } else {
            $('.span10').classList.add('blk1')
        };
    })
    //点击X把输入框长度清楚
$('.login8 .span4').addEventListener('click', function() {
    $('.login8 .inpu').value = '';
    this.classList.add('blk1')

})
$('.login9 .span10').addEventListener('click', function() {
        $('.login9 .inpu').value = '';
        this.classList.add('blk1')

    })
    //定义手机号验证规则
let reg1 = /^1[3|4|5|6|7|8|9][0-9]{9}$/;

$('.login8 input').addEventListener('blur', function() {
    //验证: 验证结果是bool值
    let bool = reg1.test(this.value)

    //根据结果判断
    if (bool) {
        //验证通过
        $('.phone').textContent = ''
    } else {
        //验证失败
        $('.phone').textContent = '请填写正确的手机号'
    }

})

//密码
let reg2 = /^[0-9]{6}$/;

$('.login9 input').addEventListener('blur', function() {

        //验证: 验证结果是bool值
        let bool = reg2.test(this.value)

        //根据结果判断
        if (bool) {
            //验证通过
            $('.password').textContent = ''
        } else {
            //验证失败
            $('.password').textContent = '请填写6位数字'
        }

    })
    /**
     * 11.点击提交按钮,触发验证手机号和密码, 验证通过:跳转到首页, 否则:阻止跳转,并给相应的提示信息
     */
$('#form').addEventListener('submit', function(e) {

    //只判断手机号和密码不合法的情况
    if (!reg1.test($('.login8 .inpu').value)) {
        $('.phone').textContent = '请填写正确的手机号';
        //阻止浏览器的默认行为
        e.preventDefault();

    } else if (!reg2.test($('.login9 .inpu').value)) {

        $('.password').textContent = '请填写6位数字';
        //阻止浏览器的默认行为
        e.preventDefault();
    }
})